.htrd-l-icon {
  background-image: url('./../img/sprite/sprite.png');

  &.icon-edit{
    width: 18px;
    height: 27px;
    margin: 0 10px;
    background-repeat: no-repeat;;
    background-position:-21px -1286px;
    &:hover{
      cursor: pointer;
    }
  }

  &.icon-checked {
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    background-position: -22px -992px;
    &.active {
      background-position: -61px -992px;
    }
  }

  &.icon-radio {
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    background-position: -22px -956px;
    &.active {
      background-position: -61px -956px;
    }
  }

  &.icon-message {
    height: 20px;
    float: left;
    cursor: pointer;
    background-position: -22px -538px;
    &:hover {
      background-position: -62px -538px;
    };
    &.active {
      background-position: -101px -538px;
    };

  }

  &.icon-quit{
    height: 26px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    background-position: -20px -612px;
    &:hover {
      background-position: -60px -612px;
    };
    &.active {
      background-position: -98px -612px;
    };
  }

  &.icon-system{
    height: 26px;
    float: left;
    cursor: pointer;
    background-position: -14px -68px;
    &:hover {
      background-position: -54px -68px;
    };
  }

  &.icon-control{
    height: 26px;
    float: left;
    cursor: pointer;
    background-position: -92px -188px;
    &:hover {
      background-position: -132px -188px;
    };
  }

  &.icon-holiday{
    height: 26px;
    float: left;
    cursor: pointer;
    background-position: -92px -229px;
    &:hover {
      background-position: -132px -229px;
    };
  }

  &.icon-manager{
    height: 26px;
    float: left;
    cursor: pointer;
    background-position: -14px -108px;
    &:hover {
      background-position: -54px -108px;
    };
  }

  &.icon-template{
    height: 26px;
    float: left;
    cursor: pointer;
    background-position: -93px -149px;
    &:hover {
      background-position: -133px -149px;
    };
  }

  &.icon-template-index{
    width: 34px;
    height: 19px;
    float: left;
    background-position: -425px -268px;
  }

  &.icon-log{
    height: 26px;
    float: left;
    cursor: pointer;
    background-position: -14px -148px;
    &:hover {
      background-position: -54px -148px;
    };
  }

  &.icon-system-index{
    height: 26px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    background-position: -22px -268px;
  }

  &.icon-warn{
    height: 26px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    background-position: -137px -268px;
  }

  &.icon-process{
    height: 26px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    background-position: -60px -268px;
  }

  &.icon-result{
    height: 26px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    background-position: -99px -268px;
  }

  &.icon-log-index{
    height: 26px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    background-position: -60px -268px;
  }

  &.icon-control-index{
    height: 20px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    background-position: -390px -268px;
  }

  &.icon-holiday-index{
    width: 15px;
    height: 26px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    background-position: -355px -268px;
  }
}

.htrd-icon-process-sm{
  width: 34px;
  height: 19px;
  float: left;
  background-image: url('./../img/sprite/sprite.png');
  background-position: -14px -344px;
}
.htrd-icon-log-sm{
  background-image: url('./../img/sprite/sprite.png');
  background-position: -14px -384px;
}

.htrd-icon-process-list-sm{
  width: 20px;
  height: 19px;
  float: left;
  background-image: url('./../img/sprite/sprite.png');
  background-position: -60px -268px;
}

.htrd-icon-template-sm{
  width: 34px;
  height: 19px;
  float: left;
  background: url('./../img/sprite/sprite.png') no-repeat -52px -344px;
}

.htrd-icon-process-result-sm{
  width: 20px;
  height: 19px;
  float: left;
  background-image: url('./../img/sprite/sprite.png');
  background-position: -99px -268px;
}

.htrd-icon-process-warn-sm{
  width: 20px;
  height: 19px;
  float: left;
  background-image: url('./../img/sprite/sprite.png');
  background-position: -137px -268px;
}

.htrd-icon-control-sm{
  width: 34px;
  height: 19px;
  float: left;
  background-image: url('./../img/sprite/sprite.png');
  background-position: -52px -303px;
}

.htrd-icon-holiday-sm{
  width: 34px;
  height: 19px;
  float: left;
  background-image: url('./../img/sprite/sprite.png');
  background-position: -50px -382px;
}

  //检测
  .htrd-icon-check{
    float: left;
    width: 24px;
    height: 20px;
    background: url('./../img/sprite/sprite.png') no-repeat -21px -654px;
  }

  .htrd-icon-check-click{
    float: left;
    width: 24px;
    height: 20px;
    background: url('./../img/sprite/sprite.png') no-repeat -100px -654px;
  }
  //执行 继续
  .htrd-icon-random{
    float: left;
    width: 24px;
    height: 20px;
    background: url('./../img/sprite/sprite.png') no-repeat -138px -654px;
  }

  .htrd-icon-random-click{
    float: left;
    width: 24px;
    height: 20px;
    background: url('./../img/sprite/sprite.png') no-repeat -426px -654px;
  }
  //暂停
  .htrd-icon-pause{
    float: left;
    width: 24px;
    height: 20px;
    background: url('./../img/sprite/sprite.png') no-repeat -354px -654px;
  }
  .htrd-icon-pause-click{
    float: left;
    width: 24px;
    height: 20px;
    background: url('./../img/sprite/sprite.png') no-repeat -426px -654px;
  }
  .htrd-icon-stop{
    float: left;
    width: 24px;
    height: 20px;
    background: url('./../img/sprite/sprite.png') no-repeat -246px -654px;
  }
  .htrd-icon-stop-click{
    float: left;
    width: 24px;
    height: 20px;
    background: url('./../img/sprite/sprite.png') no-repeat -317px -654px;
  }

  .htrd-icon-process{
    float: left;
    width: 22px;
    height: 20px;
    background: url('../img/sprite/sprite.png') no-repeat -22px -690px;
  }
  .htrd-icon-history{
    float: left;
    width: 22px;
    height: 20px;
    background: url('../img/sprite/sprite.png') no-repeat -138px -690px;
  }
